/*
 * @author: Victor
 * @Date: 2021-08-20 16:45:13
 * @LastEditTime: 2021-08-21 14:22:45
 */
$(function () {
  // 登录注册 盒子切换
  $('#link-reg').click(function () {
    $('.login-box').hide().siblings('.reg-box').show();
  });
  $('#link-login').click(function () {
    $('.reg-box').hide().siblings('.login-box').show();
  });

  // 自定义校验规则
  var form = layui.form;
  form.verify({
    //数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]
    pass: [/^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'],
    // 确认密码与第一次输入的密码是否一致的校验规则
    repass: function (value) {
      // 获取 密码
      var pswd = $('.reg-box [name="password"]').val();
      // 若当前表单元素value和pswd不一致则返回报错信息，阻止提交
      if (value !== pswd) {
        return '两次输入的密码不一致';
      }
    },
  });

  // 实现注册 登录
  var layer = layui.layer;
  $('#reg-form').submit(function (e) {
    e.preventDefault();
    // 发起ajax请求
    var data = {
      username: $('#reg-form [name=username]').val(),
      password: $('#reg-form [name=password]').val(),
    };
    $.post('/api/reguser', data, function (res) {
      if (res.status !== 0) {
        return layer.msg(res.message);
      }
      layer.msg('注册成功，请登录');
      $('#link-login').click();
    });
  });
  $('#login-form').submit(function (e) {
    e.preventDefault();
    // 发起ajax请求
    var data = {
      username: $('#login-form [name=username]').val(),
      password: $('#login-form [name=password]').val(),
    };
    $.post('/api/login', data, function (res) {
      if (res.status !== 0) {
        return layer.msg(res.message);
      }
      layer.msg('登录成功');
      localStorage.setItem('token', res.token);
      location.href = '/index.html';
    });
  });
});
